/*
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import '../../../assets/styles/base/colors';
@import '../../../assets/styles/base/variables';

credentials {
    display: flex;
    flex-direction: column;

    .create-route {
        display: block !important;
        margin-right: $space-xlarge;
        border-bottom: $border-width-small solid $fourth-highlight;
        margin-bottom: $space-large;

        p {
            color: $primary-text;
            margin-top: 0;
            margin-bottom: 0;
            font-weight: 300;
        }

        .file-types-list {
            display: flex;
            flex-direction: row;
            margin-top: 0;
            margin-bottom: $space-mlarge;
            flex-wrap: wrap;
            position: relative;

            .file-types-list-item {
                background-color: $white;
                padding: $space-medium;
                max-width: 25rem;
                min-width: 22rem;

                .description {
                    color: $primary-text;
                    margin-left: $space-large;
                }

                label.radio-label {
                    font-weight: 600;
                }
            }
        }
    }

    .noCerts {
        display: flex;
        flex-direction: column;
        margin-bottom: $space-large;

        .option {
            display: flex;
            flex-direction: row;
            align-content: center;
            margin-top: $space-medium;
        }

        p {
            color: $primary-text;
            line-height: 19px;
            margin-top: 0;
            margin-bottom: 0;
            font-weight: 300;
        }
    }

    .key-field {
        label {
            align-self: auto;
            display: flex;
            flex-direction: column;
        }
    }

    label {
        display: flex;
        align-self: center;
        min-width: 10rem;
    }

    input[type='text'], input[type='password'] {
        display: flex;
        align-self: center;
        color: $primary-text;
        margin-bottom: 0;
    }

    file-importer {
        margin-top: $space-medium;

        span {
            color: $secondary-text;
        }
    }
}
